var headertxt = `  <!-- 头部 -->
<header>
  <!-- 快捷导航栏 -->
  <div class="shortcut">
    <div class="shortcut-content center">
      <div class="shortcut-left fl">
        <div class="welcome">品优购欢迎您！请
          <a href="./pages/login.html">登录</a>
          <a href="./pages/reqister.html">免费注册</a>
        </div>
      </div>
      <div class="shortcut-right fr">
        <ul>
          <li>
            <a href="./pages/order.html">我的订单</a>
            <span>|</span>
          </li>
          <li>
            <a href="./pages/mine.html">个人中心</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- Logo区 -->
  <div class="logo-area center">
    <!-- logo -->
    <h1 class="fl">
      <a href="index.html">
        <img src="../images/logo.png" alt="logo">
      </a>
    </h1>
    <!-- 搜索 -->
    <div class="search fl">
      <input type="text" placeholder="请搜索内容...">
      <button>搜索</button>
    </div>
    <!-- 购物车 -->
    <div class="cart fr">
      <i class="iconfont icon-cart"></i>
      我的购物车
      <span>0</span> <!-- 徽章-->
      <i class="iconfont icon-xiangyoujiantou"></i>
    </div>
  </div>
  <div class="nav-banner">
    <!-- 主导航栏 -->
    <nav>
      <div class="nav-content center">
        <div class="nav-classic fl">
          <div class="nav-title">全部商品分类</div>
          <ul class="nav-classic-list">
            <li>
              <div class="classic-name">手机<span class="iconfont icon-xiangyoujiantou icon"></span></div>
              <ul class="nav-classic-item">
                <li>
                  <a href="#">
                    <img src="../images/m1.png" alt="商品">
                    <span class="goods-name">HUAWEI P系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m2.png" alt="商品">
                    <span class="goods-name">HUAWEI Mate系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m3.png" alt="商品">
                    <span class="goods-name">HUAWEI Nova系列</span>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <div class="classic-name">笔记本<span class="iconfont icon-xiangyoujiantou"></span></div>
              <ul class="nav-classic-item">
                <li>
                  <a href="#">
                    <img src="../images/m1.png" alt="商品">
                    <span class="goods-name">HUAWEI P系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m2.png" alt="商品">
                    <span class="goods-name">HUAWEI Mate系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m3.png" alt="商品">
                    <span class="goods-name">HUAWEI Nova系列</span>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <div class="classic-name">平板<span class="iconfont icon-xiangyoujiantou"></span></div>
              <ul class="nav-classic-item">
                <li>
                  <a href="#">
                    <img src="../images/m1.png" alt="商品">
                    <span class="goods-name">HUAWEI P系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m2.png" alt="商品">
                    <span class="goods-name">HUAWEI Mate系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m3.png" alt="商品">
                    <span class="goods-name">HUAWEI Nova系列</span>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <div class="classic-name">智能穿戴<span class="iconfont icon-xiangyoujiantou"></span></div>
              <ul class="nav-classic-item">
                <li>
                  <a href="#">
                    <img src="../images/w1.png" alt="商品">
                    <span class="goods-name">HUAWEI P系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/w2.png" alt="商品">
                    <span class="goods-name">HUAWEI Mate系列</span>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <div class="classic-name">智能家具<span class="iconfont icon-xiangyoujiantou"></span></div>
              <ul class="nav-classic-item">
                <li>
                  <a href="#">
                    <img src="../images/m1.png" alt="商品">
                    <span class="goods-name">HUAWEI P系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m2.png" alt="商品">
                    <span class="goods-name">HUAWEI Mate系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m3.png" alt="商品">
                    <span class="goods-name">HUAWEI Nova系列</span>
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <div class="classic-name">电视<span class="iconfont icon-xiangyoujiantou"></span></div>
              <ul class="nav-classic-item">
                <li>
                  <a href="#">
                    <img src="../images/m1.png" alt="商品">
                    <span class="goods-name">HUAWEI P系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m2.png" alt="商品">
                    <span class="goods-name">HUAWEI Mate系列</span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/m3.png" alt="商品">
                    <span class="goods-name">HUAWEI Nova系列</span>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <ul class="nav-main fl">
          <li>
            <a href="#">手机</a>
          </li>
          <li>
            <a href="#">笔记本</a>
          </li>
          <li>
            <a href="#">平板</a>
          </li>
        </ul>
      </div>
    </nav>
  </div>
</header>`;
document.write(headertxt);